<template>
  <div class="cjy-page-body-commodity" :style="{background: backgroundColor}">
    <p style="height: 3.7rem ;line-height: 3.7rem">
      <span class="cjy-list-title"
            style="">吃口海鲜养养膘</span>
    </p>
    <ul class="cjy-page-body-commodity-ul">

      <active-item itemType="A">

      </active-item>

      <active-item itemType="B">

      </active-item>

      <active-item itemType="C">

      </active-item>

    </ul>
    <div style="height :2.9rem;white:100%" v-if="isLast">


    </div>
  </div>
</template>

<script>
  import ActiveItem from '../ActiveItem/index'


  export default {
    data () {
      return {}
    },
    props: {
      isLast: {
        type: Boolean,
        default: false
      },
      backgroundColor: {
        type: String,
        default: 'black'
      },
      detailData: {
        type: Array,
        default: () => {
        }
      }
    },
    components: {ActiveItem},
    created() {
    },
  }
</script>

<style>
  .cjy-page-body-commodity {
    padding: 0 0.13rem;
  }

  .cjy-page-body-commodity-ul {
    padding: 0 0.11rem .7rem;
  }

  .cjy-page-body-commodity-ul:after {
    content: '';
    display: block;
    clear: both;
  }

  .cjy-list-title {
    color: #DCB927;
    font-size: 0.85rem;
    /*font-weight: 600;*/
    display: inline-block;
    padding: 0 0.2rem;
    font-family: "Adobe Myungjo Std M";
  }
</style>
